import { Tabs } from 'antd';
import { useTranslation } from 'react-i18next';

import SystemConfig from '../SystemConfig';

type WorkflowModulesProps = {
  activeTab?: string;
  onTabChange?: (tab: string) => void;
};

function WorkflowModules({ activeTab = 'systemConfig', onTabChange }: WorkflowModulesProps) {
  const { t } = useTranslation();

  const items = [
    {
      key: 'systemConfig',
      label: t('系统配置'),
      children: <SystemConfig />,
    },
    // 后续可以根据需要添加更多的工作流模块
  ];

  return (
    <Tabs
      activeKey={activeTab}
      onChange={onTabChange}
      items={items}
      className="w-full"
      tabBarStyle={{ marginBottom: 16 }}
    />
  );
}

export default WorkflowModules;
